<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>睿信教育</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- head start -->
<div class="rx-head">
  <div class="rx-content layui-clear">
    <h1 class="logo">
      <a href="./index.html"><img src="../dist/images/rx_logo01.png" width="200" height="40" alt="睿信教育"></a>
    </h1>
    <ul class="rx-head-nav">
      <li class="nav-item"><a href="./index.html">首页</a></li>
      <li class="nav-item"><a href="./enterprise_service.html">企业服务培训</a></li>
      <li class="nav-item"><a href="./language_service.html">职场语言服务</a></li>
      <li class="nav-item"><a href="./train_system.html">培训管理系统</a></li>
      <li class="nav-item"><a href="./contact.html">关于我们</a></li>
    </ul>
    <div class="rx-head-right">
      <a href="#" class="language-link"><span class="rect"><i></i></span>En</a>
      <!--<a href="#" class="login">登录</a>-->
      <!--<a href="#" class="register">注册</a>-->
    </div>
  </div>
</div>
<!-- head end -->

<!-- content start -->
<div class="lectures-wrap">
  <div class="lectures-w-t"></div>
  <div class="lectures-w-img"></div>
  <div class="lectures-content">
    <div class="lectures-w-list">
      <ul class="list-content">
        <li class="list-item">
          <a href="lectures/article1.html" class="item-link">
            <div class="item-pic">
              <img src="../dist/img/article_pic1.jpg" alt="">
            </div>
            <div class="item-con">
              <h3 class="item-name">管理经营能力</h3>
              <p class="item-details">授课机构：万宝盛华睿信教育</p>
              <!-- 小标 -->
              <span class="rect"><i></i></span>
            </div>
          </a>
        </li>
        <li class="list-item">
          <a href="lectures/article2.html" class="item-link">
            <div class="item-pic">
              <img src="../dist/img/article_pic2.jpg" alt="">
            </div>
            <div class="item-con">
              <h3 class="item-name">职场通用能力</h3>
              <p class="item-details">授课机构：万宝盛华睿信教育</p>
              <!-- 小标 -->
              <span class="rect"><i></i></span>
            </div>
          </a>
        </li>
        <li class="list-item">
          <a href="lectures/article3.html" class="item-link">
            <div class="item-pic">
              <img src="../dist/img/article_pic3.jpg" alt="">
            </div>
            <div class="item-con">
              <h3 class="item-name">专业能力</h3>
              <p class="item-details">授课机构：万宝盛华睿信教育</p>
              <!-- 小标 -->
              <span class="rect"><i></i></span>
            </div>
          </a>
        </li>
        <li class="list-item disabled">
          <a href="#" class="item-link">
            <div class="item-pic">
              <img src="../dist/img/article_pic1.jpg" alt="">
            </div>
            <div class="item-con">
              <h3 class="item-name">数字化转型</h3>
              <p class="item-details">授课机构：万宝盛华睿信教育</p>
              <!-- 小标 -->
              <span class="rect"><i></i></span>
            </div>
          </a>
        </li>
        <li class="list-item disabled">
          <a href="#" class="item-link">
            <div class="item-pic">
              <img src="../dist/img/article_pic2.jpg" alt="">
            </div>
            <div class="item-con">
              <h3 class="item-name">人力资源管理进阶</h3>
              <p class="item-details">授课机构：万宝盛华睿信教育</p>
              <!-- 小标 -->
              <span class="rect"><i></i></span>
            </div>
          </a>
        </li>
        <li class="list-item disabled">
          <a href="#" class="item-link">
            <div class="item-pic">
              <img src="../dist/img/article_pic3.jpg" alt="">
            </div>
            <div class="item-con">
              <h3 class="item-name">物联网工程师</h3>
              <p class="item-details">授课机构：万宝盛华睿信教育</p>
              <!-- 小标 -->
              <span class="rect"><i></i></span>
            </div>
          </a>
        </li>
        <li class="list-item disabled">
          <a href="#" class="item-link">
            <div class="item-pic">
              <img src="../dist/img/article_pic4.jpg" alt="">
            </div>
            <div class="item-con">
              <h3 class="item-name">市场营销-销售</h3>
              <p class="item-details">授课机构：万宝盛华睿信教育</p>
              <!-- 小标 -->
              <span class="rect"><i></i></span>
            </div>
          </a>
        </li>
        <!-- 敬请期待 -->
        <li class="list-item more">
          <span>敬请期待</span>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- content end -->

<!-- footer start-->
<div class="rx-footer">
  <div class="rx-footer-head">
    <div class="rx-content">
      <ul class="rx-footer-nav">
        <li><a id="address" href="./contact.html">关于我们</a></li>
        <li><a href="./contact.html#address">联系我们</a></li>
        <li class="ewm-box">
          <img src="../dist/images/ewm.png" width="160" height="196" class="ewm" alt="二维码">
          <a href="javascript:;">服务号</a>
        </li>
      </ul>
      <div class="contact">课程咨询电话 : &nbsp;&nbsp;400-991-0805 <span style="font-size: 12px">（08：00-24:00）</span><em></em> 24小时技术支持 : &nbsp;&nbsp;400-998-7985</div>
    </div>
  </div>
  <div class="rx-copyright">万宝盛华集团（中国）版权所有 © 2016 ManpowerGroup China All Rights Reserved · 沪ICP备11014829号-11</div>
</div>
<!-- footer end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/lib/scrollreveal.min.js"></script>
<script src="../dist/js/main.js"></script>
<script>
  window.sr = ScrollReveal();
  sr.reveal('.lectures-wrap .lectures-w-t', {
    duration: 1000,
    delay: 400,
    origin: 'left',
    distance: '40px',
    scale: 1,
    viewFactor: 0
  });
  sr.reveal('.lectures-wrap .lectures-w-img', {
    duration: 1000,
    delay: 600,
    origin: 'top',
    distance: '40px',
    scale: 1,
    viewFactor: 0
  });
  sr.reveal('.lectures-wrap .lectures-content', {
    duration: 1000,
    origin: 'bottom',
    distance: '40px',
    scale: 1,
    viewFactor: 0
  });
  //移动效果
  (function($){
    $('.lectures-w-list .list-item').not(".disabled, .more").hover(function () {
      $(this).removeClass("after");
      $(this).addClass("before");
    }, function () {
      $(this).removeClass("before");
      $(this).addClass("after");
    });
  })(jQuery);
</script>
</body>
</html>